<!-- target: approveList -->
<div class="approve-list-page">
    <form name="approveListSearchForm" class="ui-hide"></form>
    <div class="cont-tab" ui="type:NS.ContainerTab;id:approve-list-tab;gesture:false;">
        <div class="cont">
            <strong class="sort-item"><span>待我审批的</span><span class="select-line"></span></strong>

            <div class="sort-tab ui-1px-b" ui="type:NS.ListTab;gesture:false;selected:0">
                <div class="cont-item list-cont">
                    <strong class="ui-hide"></strong>

                    <ul ui="type:mao.ui.AppListView;id:mine-initiate-list-view;view:initiate.initiateList;initRefresh;reqUrl:/erp-management/data/approval-center?mineApproveFilterListForm&type=1&saveHistory=1;customEmpty:true;" class="list-items">
                        <!-- use:list-empty -->
                    </ul>
                </div>
                <form name="mineApproveSearchListForm" action="javascript: void(0);" class="cont-item search flex-page">
                    <strong class="sort-item"><span>搜索</span><span class="select-line"></span></strong>
                    <div ui="type:NS.SearchText;">
                        <input type="search" value="" name="searchContent" autocomplete="off" placeholder="搜索">
                        <span class="ui-search-close">取消</span>
                    </div>

                    <div class="history flex-cont" id="order_apply_history_container"></div>
                                    
                    <ul ui="type:mao.ui.AppListView;id:mine-approve-search-list-view;customEmpty:true;" class="list-items history-search-list-container flex-cont">
                        <!-- use:list-empty -->
                    </ul>
                </form>
                <!-- for: ${NS.sortBarConfigs} as ${item}, ${index} -->
                <form name="mineApproveFilterListForm" class="filter-container cont-item">
                    <strong class="sort-item"><span>筛选</span></strong>
                    <!-- use: ${item.target}(items=${item.selects}) -->
                </form>
                <!-- /for -->
            </div>
        </div>
        <div class="cont">
            <strong class="sort-item"><span>我已审批的</span><span class="select-line"></span></strong>

            <div class="sort-tab ui-1px-b" action="javascript: void(0);" ui="type:NS.ListTab;gesture:false;selected:0">
                <div class="cont-item list-cont">
                    <strong class="ui-hide"></strong>
                    <ul ui="type:mao.ui.AppListView;id:mine-initiate-list-view;view:initiate.initiateList;initRefresh;reqUrl:/erp-management/data/approval-center?mineApprovedFilterListForm&type=2&saveHistory=1;customEmpty:true;" class="list-items">
                        <!-- use:list-empty -->
                    </ul>
                </div>
                <form name="mineApprovedSearchListForm" action="javascript: void(0);" class="cont-item search">
                    <strong class="sort-item"><span>搜索</span><span class="select-line"></span></strong>

                    <div ui="type:NS.SearchText;">
                        <input type="search" name="searchContent" value="" autocomplete="off" placeholder="搜索">
                        <span class="ui-search-close">取消</span>
                    </div>

                    <div class="history" id="order_appled_history_container"></div>
                                    
                    <ul ui="type:mao.ui.AppListView;id:mine-approved-search-list-view;customEmpty:true;" class="list-items history-search-list-container">
                        <!-- use:list-empty -->
                    </ul>
                </form>
                <!-- for: ${NS.sortBarConfigs} as ${item}, ${index} -->
                <form name="mineApprovedFilterListForm" class="filter-container cont-item">
                    <strong class="sort-item"><span>筛选</span></strong>
                    <!-- use: ${item.target}(items=${item.selects}) -->
                </form>
                <!-- /for -->
            </div>
        </div>
    </div>
</div>

<!-- target: searchList -->
<ul ui="type:mao.ui.AppListView;customEmpty:true;" class="list-items">
    <div>
        <div class="no-data">
            <img src="images/base/icon_default.png">
            <p>暂无数据</p>
        </div>  
    </div>
</ul>

<!-- target: approveListItem -->
<li>
    <!-- var: name = String.prototype.slice.call(${item.creatorName}, 0, 1) -->
    <div ui="ext-link;text:${item.name};value:${item.id};" href="={${NS.routes}[${item.module}]}~orderSn=${item.recordId}~msgId=${item.recordId}~moduleType=${item.moduleType}~initiate=${initiate}~DENY_CACHE" class="select-people-item approve-item">
        <!-- if: ${item.imageUrl} -->
        <img src="={${item.imageUrl}" alt="">
        <!-- else -->
        <div class="head">${name}</div>
        <!-- /if -->
        
        <!-- if: ${item.module} === 2 && ${item.moduleType} === 1 -->
        <!-- 包场合同审批 -->
        <div class="text">
            <div class="title">
                <span>[${item.creatorName}]的包场合同审批</span>
                <span class="time">${item.ctime|dateFormat('yyyy.MM.dd')}</span>
            </div>
            <div class="info">项目：[${item.recordName}]</div>
            <div class="info">主办方：[${item.sponsorName}]</div>
            <div class="info">预定场地：[${item.venueName} - ${item.yardName}]</div>
            <div class="info">合同金额：[${item.contractAmount} - ={${item.integralBalance} === 2 ? '积分抵现' : '积分不抵现'}]</div>
            <div class="status">${item.auditStateDesc}</div>
        </div>
        <!-- elif: ${item.module} === 2 && ${item.moduleType} === 2 -->
        <!-- 分票合同审批 -->
        <div class="text">
            <div class="title">
                <span>[${item.creatorName}]的分票合同审批</span>
                <span class="time">${item.ctime|dateFormat('yyyy.MM.dd')}</span>
            </div>
            <div class="info">项目：[${item.recordName}]</div>
            <div class="info">主办方：[${item.sponsorName}]</div>
            <div class="info">预定场地：[${item.venueName} - ${item.yardName}]</div>
            <!-- if: ${item.ticketDivisionMethod.length} > 0 -->
            <div class="info">分成方式：[${item.ticketDivisionMethod.0.divisionMethod}]</div>
            <!-- else -->
            <div class="info">分成方式：[无条件]</div>
            <!-- /if -->
            <div class="status">${item.auditStateDesc}</div>
        </div>
        <!-- elif: ${item.module} === 2 && ${item.moduleType} === 3 -->
        <!-- 商务合同审批 -->
        <div class="text">
            <div class="title">
                <span>[${item.creatorName}]的商务合同审批</span>
                <span class="time">${item.ctime|dateFormat('yyyy.MM.dd')}</span>
            </div>
            <div class="info">项目：[${item.recordName}]</div>
            <div class="info">主办方：[${item.sponsorName}]</div>
            <div class="info">预定场地：[${item.venueName} - ${item.yardName}]</div>
            <div class="info">合同金额：[${item.contractAmount}]</div>
            <div class="status">${item.auditStateDesc}</div>
        </div>
        <!-- elif: ${item.module} === 2 && ${item.moduleType} === 4 -->
        <!-- 自办项目审批 -->
        <div class="text">
            <div class="title">
                <span>[${item.creatorName}]的自办项目审批</span>
                <span class="time">${item.ctime|dateFormat('yyyy.MM.dd')}</span>
            </div>
            <div class="info">项目：[${item.recordName}]</div>
            <div class="info">预定场地：[${item.venueName} - ${item.yardName}]</div>
            <div class="info">自办方式：[自办方式]</div>
            <div class="status">${item.auditStateDesc}</div>
        </div>
        <!-- elif: ${item.module} === 3 -->
        <!-- 演出审核 -->
        <div class="text">
            <div class="title">
                <span>[${item.creatorName}]的演出审核</span>
                <span class="time">${item.ctime|dateFormat('yyyy.MM.dd')}</span>
            </div>
            <div class="info">项目：[${item.recordName}]</div>
            <div class="info">主办方：[${item.sponsorName}]</div>
            <div class="info">预定场地：[${item.venueName} - ${item.yardName}]</div>
            <div class="info">演出开始时间：[${item.startTime|dateFormat('yyyy.MM.dd')} - ={window.actionCutting(${item.actionCutting})}]</div>
            <div class="status">${item.auditStateDesc}</div>
        </div>
        <!-- elif: ${item.module} === 4 -->
        <!-- 主办方审核 -->
        <div class="text">
            <div class="title">
                <span>[${item.creatorName}]的主办方审核</span>
                <span class="time">${item.ctime|dateFormat('yyyy.MM.dd')}</span>
            </div>
            <div class="info">主办方：[${item.sponsorName}]</div>
            <div class="info">厂牌：[厂牌名称]</div>
            <div class="status">${item.auditStateDesc}</div>
        </div>
        <!-- elif: ${item.module} === 5 -->
        <!-- 音乐人审核 -->
        <div class="text">
            <div class="title">
                <span>[${item.creatorName}]的音乐人审核</span>
                <span class="time">${item.ctime|dateFormat('yyyy.MM.dd')}</span>
            </div>
            <div class="info">音乐人名称：[${item.recordName}]</div>
            <div class="info">地区：[${item.district}]</div>
            <div class="info">类型：[${item.genre}]</div>
            <div class="info">风格：[${item.playTypeName}]</div>
            <div class="status">${item.auditStateDesc}</div>
        </div>
        <!-- elif: ${item.module} === 1 && ${item.moduleType} === 2 -->
        <!-- 定场申请 -->
        <div class="text">
            <div class="title">
                <span>[${item.creatorName}]的订场申请</span>
                <span class="time">${item.ctime|dateFormat('yyyy.MM.dd')}</span>
            </div>
            <div class="info">项目：[${item.recordName}]</div>
            <div class="info">主办方：[${item.sponsorName}]</div>
            <div class="info">预定场地：[${item.venueName} - ${item.yardName}]</div>
            <div class="info">订场时间：[${item.startTime|dateFormat('yyyy.MM.dd')} - ={window.actionCutting(${item.actionCutting})}]</div>
            <div class="status">${item.auditStateDesc}</div>
        </div>
        <!-- elif: ${item.module} === 1 && ${item.moduleType} === 1 -->
        <!-- 预订场申请 -->
        <div class="text">
            <div class="title">
                <span>[${item.creatorName}]的预订场申请</span>
                <span class="time">${item.ctime|dateFormat('yyyy.MM.dd')}</span>
            </div>
            <div class="info">项目：[${item.recordName}]</div>
            <div class="info">主办方：[${item.sponsorName}]</div>
            <div class="info">预定场地：[${item.venueName} - ${item.yardName}]</div>
            <div class="info">订场时间：[${item.startTime|dateFormat('yyyy.MM.dd')} - ={window.actionCutting(${item.actionCutting})}]</div>
            <div class="status">${item.auditStateDesc}</div>
        </div>
        <!-- /if -->

    </div>
</li>

<!-- target:people-item -->
<!-- var: name = String.prototype.slice.call(${item.name}, 0, 1) -->
<li class="people-item" ui="type:NS.People;headPortrait:${item.headPortrait};name:${name}">
    <!-- if: ${item.headPortrait} -->
    <img src="${item.headPortrait}" />
    <!-- else -->
    <div class="head">${name}</div>
    <!-- /if -->
    <input class="ui-hide" name="people" value="={ ${item.id} || ${item.value} }">
    <span class="close"></span>
</li>


<!-- target: history_list -->
<div class="history-label">
    <span>搜索历史</span>
    <span class="fr" ui="type:NS.ClearHistory">清除历史</span>
</div>
<!-- if: ${historys} && ${historys.length} > 0 -->
<ul class="history-list">
    <!-- for: ${historys} as ${item} -->
    <li ui="type:NS.History;value:${item}">${item}</li>
    <!-- /for -->
</ul>
<!-- else -->
<div class="no-history">暂无搜索历史</div>
<!-- /if -->


